<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="assets/flexible/flexible.debug.js"></script>
		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="email=no">
		<title>首页</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="assets/swiper/css/swiper.min.css">
	    <link rel="stylesheet" type="text/css" href="css/index1.css"/>
	</head>
	<body>
		<height class="_top">
			<span class="s"><a href="index.html"><img src="images/jiantou.png"/></a></span>
    		<p>工程师日报查询</p>
		</height>
		<nav class="_nav">
			<ul>
				<li class="li1">抢修信息</li>
				<li class="li2">换件信息</li>
				<li class="li3">附件信息</li>
			</ul>
		</nav>
		<section class="cent">
			<div class="zhonghe">
				<div class="cent-hezi">
					<div class="cent-ht">
						<p>配件名称</p>
						<input type="text" placeholder="请输入配件名称"/>
					</div>
					<div class="cent-ht">
						<p class="p-1">配件数量</p>
						<input type="text" class="in-1" placeholder="请输入配件数量"/>
					</div>
					<div class="cent-ht">
					     <button class="tjia">添&nbsp;&nbsp;加</button>
					</div>
				</div>
				<div class="cent-btm">
					<div class="btm-top">
						<h6>设备内容</h6>
						<h6>维护密码</h6>
					</div>
					<div class="cent">
						<div class="cent-shang">
							<span><img src="images/shanchu.png"/></span>
						    <p>药剂瓶</p>
						    <p>2</p>
						</div>
						<div class="cent-shang huise">
							<span class="huse"><img src="images/shanchu.png"/></span>
						    <p>导管</p>
						    <p>1</p>
						</div>
					</div>
					<div class="botm">
						<p>换件总数量：3</p>
					</div>
				</div>
			</div>
		    <div class="youhe">
		    	<input type="text" value="请输入内容"/>
		        <div class="youhexia">
		        	<span>&nbsp;设备01</span>
		        	<span>&nbsp;设备02</span>
		        	<span>&nbsp;设备03</span>
		        	<span>&nbsp;设备04</span>
		        	<span>&nbsp;设备05</span>
		        	<span>&nbsp;设备06</span>
		        	<span>&nbsp;设备07</span>
		        	<span>&nbsp;设备08</span>
		        </div>
		    </div>
		    <div class="zuo-he">
		    	<div class="zuohe-top">
		    		<h5>到达时间</h5>
		    		<div class="dlal">
		    		    <input type="datetime-local">
		    		</div>                    
		    	</div>
		    	<div class="zuohe-top">
		    		<h5>启动时间</h5>
		    		<div class="dlal">
		    		    <input type="datetime-local">
		    		</div>                    
		    	</div>
		    	<div class="zuohe-top">
		    		<h5>完成时间</h5>
		    		<div class="dlal">
		    		    <input type="datetime-local">
		    		</div>                    
		    	</div>
		    	<div class="zuohe-si">
		    		<h5>完成时间</h5>
		    		<div class="dlals">
		    		   <p>北京中医医院对抢修的结果是否满意，有什么想法</p>
		    		</div> 
		    	</div>
		    	
		    	<div class="guzhang">
		    		<div class="guzhang-you">
		    			<h4>故障类型</h4>
		    			<span class="ja">+</span>
		    		</div>
		    		<div class="guzhang-yi">
		    			<span><img src="images/shanchu.png"/></span>
		    			<p>1-调剂部故障</p>
		    			<span class="qu">></span>
		    		</div>
		    		<div class="guzhang-yi">
		    			<span class="ig"><img src="images/shanchu.png"/></span>
		    			<p>2-调剂部故障</p>
		    			<span class="qu">></span>
		    		</div>
		    		<div class="guzhang-yi">
		    			<span><img src="images/shanchu.png"/></span>
		    			<p>3-调剂部故障</p>
		    			<span class="qu">></span>
		    		</div>
		    		<div class="guzhang-yi">
		    			<span><img src="images/shanchu.png"/></span>
		    			<p>4-调剂部故障</p>
		    			<span class="qu">></span>
		    		</div>
		    	</div>
		    	
		    	
		    	
		    </div>
		
		
		</section>
		 <script src="assets/swiper/js/swiper.min.js"></script>
	     <script src="assets/jquery/jquery-3.2.1.js"></script>
	     <script>
	     	$(function(){
	     		$('.li2').click(function(){
	     			$('.zhonghe').show();
	     			$('.youhe').hide();
	     			$('.zuo-he').hide();
	     		})
	     		
	     		$('.li1').click(function(){
	     			$('.youhe').show();
	     			$('.zhonghe').hide();
	     			$('.zuo-he').hide();
	     		})
	     		$('.li3').click(function(){
	     			$('.zuo-he').show();
	     			$('.zhonghe').hide();
	     			$('.youhe').hide();
	     		})
	     		
	     	})
	     </script>
	</body>
</html>
